<style lang="less" scoped>
body{
  margin: 0px;
}
.al_data{
  background: white;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  width: 800px;
  margin: auto;
  // font-size: 0px;
  .xl_img{
    height: 100%;
    margin-top: 1vw;
  }
  .xl_data{
    width: 100%;
  }
}
</style>
<template>
  <div class="xl">
    <MainUser></MainUser>
    <affix>
      <MainTitle ref="maintitle"></MainTitle>
    </affix>
    
    <div class="al_data">
      <!-- <img v-for="item in seriesgallerydata" class="xl_img" :src="item.thumb"/> -->
      <!-- <img  class="xl_img" :src="seriesgallerydata.thumb"/> -->
      <div  class="xl_img" v-html="classiccasedata.detailed_desc"/>
      <div style="height:3vw;"></div>
    </div>
  </div>
</template>
<script>
import { classiccase } from '@/request/api';
import MainTitle from '../main_title'
import MainUser from '../main_user'
export default {
    data() {
        return {
          id:'',
          classiccasedata:{},
        }
    },
    mounted() {
      this.id = this.$route.query.id;
      this.getclassiccase();
      this.$refs.maintitle.setissousuo(false);
    },
    methods: {
      //获取系列列表数据
      getclassiccase(){
        
        classiccase({id:this.id}).then(res => {
          this.loading = false;
          if(res.ok){
              this.classiccasedata = res.data;
          }
        })
      }
    },
    components: {
        MainTitle,
        MainUser
    },

}
</script>
